<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
    <!--<meta charset="UTF-8">-->
    <!--<title>宝洁数据看板</title>-->
    <!--<link rel="stylesheet/less" type="text/css" href="assets/css/less.less">-->
    <!--<script>-->
        <!--less = {-->
            <!--env: "development",-->
            <!--async: false,-->
            <!--fileAsync: false,-->
            <!--poll: 1000,-->
            <!--functions: {},-->
            <!--dumpLineNumbers: "comments",-->
            <!--relativeUrls: false,-->
            <!--rootpath: ":/a.com/"-->
        <!--};-->
    <!--</script>-->
<!--</head>-->
<!--<body>-->
    <!--<div id="chartPag">-->
        <div id="centen">
            <div id="chartBig">
                <div id="chartBigTransform" class="active">
                    <div id="chartDiv">
                        <!--<div id="piePrompt">-->
                        <!--<div class="piePromptItem">-->
                        <!--<div class="piePromptItem-line">-->
                        <!--<div class="piePromptItem-border">-->
                        <!--<span>天猫</span>-->
                        <!--<p>40%</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div style="transform: rotate(190deg)" class="piePromptItem">-->
                        <!--<div class="piePromptItem-line">-->
                        <!--<div style="transform: rotate(-10deg)" class="piePromptItem-border">-->
                        <!--<span>京东</span>-->
                        <!--<p>60%</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                    </div>
                    <canvas id="chart">您的浏览器不支持canvas标签。</canvas>
                </div>
                <div class="title">VISUAL CHART</div>
            </div>
            <div id="chartSmall">
                <div id="chartSmallTransform">
                    <div id="chartSmallDiv"></div>
                    <canvas id="childreChart">您的浏览器不支持canvas标签。</canvas>
                </div>
                <div class="title">VISUAL CHART</div>
            </div>
            <div id="Line">
                <div id="switching">
                    <ul>
                        <li class="active"><span>D</span></li>
                        <li><span>W</span></li>
                        <li><span>M</span></li>
                    </ul>
                </div>
                <div id="lineTransform">
                    <div id="LineDiv"></div>
                    <canvas id="childreLine">您的浏览器不支持canvas标签。</canvas>
                </div>
                <div class="title">
                    <span>VISUAL CHART</span>
                    <div id="brandList">
                        <ul>
                            <li class="active">海飞丝</li>
                            <li>潘婷</li>
                            <li>飘柔</li>
                            <li>海飞丝</li>
                            <li>潘婷</li>
                            <li>飘柔</li>
                            <li>海飞丝</li>
                            <li>潘婷</li>
                            <li>飘柔</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="barrage">
            <div class="centen">
                <div class="centen_div">
                    <ul class="head">
                        <li>YEAR</li>
                        <li>MOUTH</li>
                        <li>DAY</li>
                    </ul>
                    <ul class="select">
                        <span>START</span>
                        <li>
                            <b class="startYearValue">2017</b>
                            <div class="option">
                                <div class="ul" id="startYear">
                                </div>
                            </div>
                        </li>
                        <li>
                            <b class="startMouthValue">JAN</b>
                            <div class="option">
                                <div class="ul" id="startMouth">
                                </div>
                            </div>
                        </li>
                        <li>
                            <b class="startDayValue">01</b>
                            <div class="option">
                                <div class="ul" id="startDay">
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul class="select">
                        <span>END</span>
                        <li>
                            <b class="endYearValue">2017</b>
                            <div class="option">
                                <div class="ul" id="endYear">
                                </div>
                            </div>
                        </li>
                        <li>
                            <b class="endMouthValue">JAN</b>
                            <div class="option">
                                <div class="ul" id="endMouth">
                                </div>
                            </div>
                        </li>
                        <li>
                            <b class="endDayValue">01</b>
                            <div class="option">
                                <div class="ul" id="endDay">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div id="confirm">CONFIRM</div>
            </div>
        </div>
        <div id="rightBar">
            <ul>
                <li class="noBorder">
                    <div>
                        <i class="icon icon-home"></i>
                        <span>HOME PAGE</span>
                    </div>
                </li>
                <li class="selected">
                    <div>
                        <i class="icon icon-date"></i>
                        <span>SELECT DATE</span>
                    </div>
                </li>
                <li>
                    <div>
                        <i class="icon icon-mtd"></i>
                        <span>M . T . D</span>
                    </div>
                </li>
                <li>
                    <div>
                        <i class="icon icon-p1m"></i>
                        <span>P . 1 . M</span>
                    </div>
                </li>
                <li>
                    <div>
                        <i class="icon icon-p3m"></i>
                        <span>P . 3 . M</span>
                    </div>
                </li>
                <li>
                    <div>
                        <i class="icon icon-update"></i>
                        <span>UPDATE</span>
                    </div>
                </li>
                <li>
                    <div>
                        <i class="icon icon-link"></i>
                        <span>LINK</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span style="color: #ffb600">ENGLISH</span>
                        <span>CHINESE</span>
                    </div>
                </li>
                <li class="noBorder">
                    <div>
                        <i class="icon icon-logout"></i>
                        <span>LOG OUT</span>
                    </div>
                </li>
            </ul>
        </div>
    <!--</div>-->
    <!--<script src="assets/js/less-1.7.0.min.js"></script>-->
    <!--<script src="assets/js/ipad-base.js"></script>-->
    <!--<script src="assets/js/jquery-3.2.1.min.js"></script>-->
    <script src="pie.js"></script>
    <script src="lineChart.js"></script>
    <!--<script src="assets/js/main.js"></script>-->
    <script>
        $(function () {
            ChartPag.init();
        });
    </script>
<!--</body>-->
<!--</html>-->
